<template>
	<view class="index">
		<view class="header-nav">
			<view class="nav-logo">
				<u--image src="../../../static/images/icon-back.svg" width="46" height="30" style="margin: 0 auto;"></u--image>
			</view>
			<view class="nav-li">
				<u--input
				    placeholder="搜索"
					placeholderStyle="font-size: '14px';color: '#2e303399'"
					style="width: 89%;height: 22px;border-radius: 20px; border: none;background-color: #F7F8FA;"
				    v-model="searchValue"
				    @change="searchChange"
					@focus="searchFocus"
				  >
				  <template slot="prefix">
				  	<u--image src="../../../static/images/search.svg" width="17px" height="18px" mode=""></u--image>
				  </template>
				  </u--input>
			</view>
		</view>
		<view style="margin-top: 34px;padding: 34px 23px;;margin: 0 auto">
			<view style="color: #2E3033;font-size: 16px;margin-bottom: 30px;text-align: center;">
				应急管理部办公厅关于发布应急管理部重点科技
				计划2024年度项目申报指南的通知
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				searchValue: ''
			}
		},
		components: {
			
		},
		methods: {
			
		}
	}
	
</script>

<style lang="scss" scoped>
::v-deep .u-image {
	margin: 0 auto !important;
}
	.header-nav {
		height: 44px;
		display: flex;
		justify-content: center;
		align-items: center;
		
		.nav-logo {
			width: 46px;
		}
		.nav-li {
			flex: 1;
		}
		.nav-menus {
			width: 20px;
		}
	}
	.search {
		margin-top: 17px;
		margin-bottom: 15px;
	
		.search-btn {
			width: 58px;
			height: 28px;
			line-height: 28px;
			text-align: center;
			background: #EF312A;
			border-radius: 14px 14px 14px 14px;
			color: #fff;
			font-size: 14px;
	
		}
	}
</style>